<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title></title>
		<link rel="stylesheet" href="../css/common/mui.css" />
		<link rel="stylesheet" href="../css/common/common.css" />
		<link rel='stylesheet' href='../css/this/product.css' />
		<link rel="stylesheet" href="../layer/skin/layer.css" />
	</head>
	<body>
		<input type="hidden" id="aa" value="" />
		
		<div class='scroll box theFirst'>
		</div>
		<script type='text/template' id="tpl-nav-list">
			<ul class="index-nav">
				{{each catlist as list index}}
				<li class='title tC {{if index == 0}} font-active{{/if}}' data-catid='{{list.catid}}'>
					<h2 class='fS15 fWN '>{{list.cat}}</h2>
					<i {{if index == 0}}style="display:block"{{/if}}></i>
				</li>
				{{/each}}
			</ul>
		</script>
		
		<div class='banner'>
			<img src="../img/list/banner.jpg" />
		</div>
		<section class='explain-title w pT18 tC'>
			<h2 class='fS15 mB6'>休闲零食</h2>
			<p class='fS12 mB11'>LEISURE SNACKS</p>
			<div class='hr'></div>
		</section>
		
		<!--产品列表-->
		<section class='product-list'>
		</section>
		<script type='text/template' id="tpl-product-list">
			{{if list.length >0 }}
			<ul class='oF pL3 pR3' catId={{catId}}>
				{{each list as list}}
				<li class='fl w50' data-pid='{{list.pid}}'>
					<div class='content bGWhite oF pL7 pR7'>
						<div class='img-p pT10 oF pSR'  data-id='{{list.id}}'>
							<img src='../img/blank.gif' data-echo="{{list.pic}}" class='w vb' />
								{{if list.stock < 1}}
								<div class='sale-out'>
									<div class='text'>已售罄</div>
								</div>
								{{/if}}
						</div>
						<div class='list-detail'>
							<div class='list-title w'>
								<h2 class='fS14 lH18 limit-text mT13'>{{list.pname}}</h2>	
							</div>
							<div class='detail w'>
								<p class='fl mT20 mB13'><span class='cRed fS15'>&yen;{{list.price}}</span><s class='pL5 cGrey fS12'>&yen;{{list.market_price}}</s></p>
								<div class='list-btn ddn-toCart mT7 mR3 tC bR50 bGBlack fr' data-skuId='{{list.id}}' data-warehousetype='{{list.warehouseType}}' data-supplierId='{{list.supplierId}}' data-stock='{{list.stock}}'>
									<img src="../img/list/cart1.png" class='w70 mT7'/>
								</div>
							</div>
						</div>
					</div>
				</li>
				{{/each}}
			</ul>
			{{else}}
			<div>暂时没有数据</div>
			{{/if}}
		</script>
		<script src='../js/common/jquery.min.js'></script>
		<script src='../layer/layer.js'></script>
		<script src="../js/common/template.js"></script>
		<script src='../js/common/api.js'></script>
<!--		<script src='../js/common/loading.js'></script>-->
		<script src="../js/common/app.js"></script> 
		<script src='../js/common/echo.min.js'></script>
		<script src='../js/common/jquery.fly.min.js'></script>
		<script src='../js/common/footer.js'></script>
		<script src='product.list.js'></script>
	</body>
</html>
